<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="app">
   <button @click="show=!show">点我试试</button>
    <br>
    <br>
    <!--遍历数组-->
    <table v-if="show"  border="1px" cellpadding="3px" cellspacing="0px">
        <tr v-for="(user,index) in users" :key="index">
            <td v-text="index+1"></td>
            <td v-for="(v,k) in user" v-text="v"></td>
        </tr>
    </table>
</div>

<script src="./node_modules/vue/dist/vue.js"></script>
<script>
    var vm = new Vue({
        el: "#app",
        data: {
                users: [
                    {name: '柳岩', gender: '女', age: 21},
                    {name: '有哥', gender: '男', age: 30},
                    {name: '范冰冰', gender: '女', age: 24},
                    {name: '刘亦菲', gender: '女', age: 18},
                    {name: '古力娜扎', gender: '女', age: 25}
                ],
                show: true
        }
        })
</script>
</body>
</html>